<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>获取节点</title>
	</head>
	<body>
		<ul id="myUL">
			<li>春</li>
			<li id="summer">夏</li>
			<li>秋</li>
			<li>冬</li>
		</ul>
		<script >
			var ul=document.getElementById('myUL');
			console.log("ul的所有节点："+ul.childNodes)
			console.log("ul的第一个子节点"+ul.firstChild)
			
			
			/*创建节点，增加，删除*/
			//创建节点:标签名称
			var h1=document.createElement('h1');
			h1.innerHTML="一年四季";
			//把h1元素增加到页面
			ul.appendChild(h1);
			
			ul.lastElementChild.remove();
		</script>
	</body>
</html>
